<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    /*
        数据代理：通过一个对象 代理对另一个对象的属性的操作（读和写）
    */
   //这样就通过obj2代理对obj1的属性的操作，在obj2中操作x，实际上对obj1中的x进行了操作
   let obj1={x:100} 
   let obj2={
       y:200,
       get x(){
           return obj1.x
       },
       set x(value){
           obj1.x=value
       }
   }
</script>
</html>